<template>
  <view class="app-container">
    <view
      v-show="!show"
      class="app-loading"
    >
      <u-loading
        mode="flower"
        size="90"
        show
      ></u-loading>
      <view>加载中</view>
    </view>

    <view
      v-show="show"
      class="innerContain"
    >
      <view class="top-content">
        <view
          @click="handleReturn"
          class="return-bm"
        > 返回 </view>
        <view class>
          <view
            class="date1"
            id="date1"
          >
            <text style="
              font-family: sinti;
              font-size: 40rpx;
              font-weight: 600;
              margin: 0 auto;
              margin-top: 10rpx;
              color: #fff;
            ">
              <!-- {{ newdataList.name }}记录表 -->
              点检记录表（{{category==0?'日常任务':'临时任务'}}）
            </text><br>
            <!-- <text
            class="border"
            @click="handleDate()"
          >
            <image
              src="../../static/images/whitedate.png"
              @click="handleDate()"
              mode="aspectFit"
              style="position: absolute;"
            />
            <text style="margin: 10rpx 8rpx 0rpx 50rpx">{{ date }}</text>
          </text> -->
          </view>
          <!-- <u-calendar v-model="show" @change="timechange" mode="date"></u-calendar> -->
        </view>
      </view>
      <view class="topradio">
        <view
          class="top"
          :style="alldata.length < 1 ? 'height:100%' : ' '"
        >
          <view v-if="alldata.length < 1">
            <u-loadmore
              :status="loadmore"
              :icon-type="iconType"
              :load-text="loadText"
            />
          </view>
          <view v-else>
            <table
              width="100%"
              cellspacing="0"
              style="border-collapse: collapse; border: 1px solid black"
            >
              <tr
                v-for="(itemTitle,indexTitle) in newdataList.customFields"
                :key="indexTitle"
              >
                <td
                  colspan="3"
                  class="fontsize"
                >{{itemTitle.name}}</td>
                <td
                  colspan="7"
                  style="width: 330rpx"
                  class="black"
                >
                  {{ itemTitle.value }}
                </td>
              </tr>
              <!-- <tr>
							<td colspan="3" class="fontsize">代码</td>
							<td colspan="7" style="width: 330rpx" class="black">
								{{ newdataList.sn }}
							</td>
						</tr>
						<tr>
							<td colspan="3" class="fontsize">产品类型</td>
							<td colspan="7" style="width: 330rpx" class="black">
								{{ newdataList.code }}
							</td>
						</tr>
						<tr>
							<td colspan="3" style="width: 150rpx" class="fontsize">使用单位</td>
							<td colspan="7" style="width: 330rpx" class="black">
								{{ newdataList.useUnit }}
							</td>
						</tr> -->
              <tr>
                <th
                  rowspan="2"
                  colspan="1"
                  class="fontsize trcolor"
                  style="width: 124rpx; border: 1px solid black"
                >
                  <view>序号</view>
                </th>
                <th
                  rowspan="2"
                  colspan="2"
                  class="fontsize trcolor"
                  style="width: 150rpx; border: 1px solid black"
                >
                  <view>点检项目</view>
                </th>
                <th
                  rowspan="2"
                  colspan="7"
                  class="fontsize trcolor"
                  style="width: 150rpx; border: 1px solid black;padding:0px;height:56px;"
                >
                  <table
                    border="1"
                    style="
                    border-top: 0px solid;
                    table-layout: fixed;
                    border-collapse: collapse;
                    border-bottom: 0px solid;
					padding:0;
					height:100%
					
                  "
                    height="100%"
                    width="100%"
                    frame="void"
                    cellspacing="0"
                    cellpadding="0"
                  >
                    <tr style="height:100%;border:0;padding:0">
                      <td
                        rowspan="2"
                        class="fontsize"
                        style="border:0"
                      >
                        <view style="color: white">内容</view>
                      </td>
                      <td
                        rowspan="2"
                        v-for="(item5, index5) of alldatalist"
                        :key="index5"
                        class="fontsize"
                        style="height:100%;border-left:1px solid black;border-bottom: 0;border-top: 0;border-right: 0;"
                      >
                        <view style="color: white">
                          {{ item5.startTime.replace(/^.*?\s/, '') }}-{{
													item5.endTime.replace(/^.*?\s/, '')
												}}
                        </view>
                      </td>
                    </tr>
                  </table>
                </th>
              </tr>

              <tr></tr>
              <!-- <tr
              v-for="(item1, key1, index1) in newdataList.checkItemMap"
              :key="index1"
            >
              <td
                colspan="1"
                style="padding: 0"
                class="fontsize"
              >
                {{ index1 + 1 }}
              </td>
              <td
                colspan="2"
                style="padding: 0"
                class="fontsize"
              >{{ key1 }}</td>
              <td
                colspan="7"
                style="padding: 0; width: 250rpx"
                class="fontsize "
              >
                <table
                  v-for="(item2, index2) in item1"
                  :key="index2"
                  border="1"
                  style="
                    border-top: 0px solid;
                    table-layout: fixed;
                    border-collapse: collapse;
                    border-bottom: 0px solid;
                    margin-top: -1px;
                  "
                  width="100%"
                  frame="void"
                  cellspacing="0"
                  cellpadding="0"
                >
                  <tr :style="
											newdataList.checkItemMap[item1.name].length - 1 == index2
												? 'border-right:0px solid;border-bottom:0px solid black;'
												: 'border-right:0px solid;border-bottom:1px solid black;'
										">
                    <td style="border: 0px solid">
                      <view>{{ item2.item }}</view>
                    </td>
                    <td
                      v-for="(item3, index3) in alldata"
                      :key="index3"
                      :style="{
												borderBottom: item2 == item1.length ? '0px' : '1px'
											}"
                    >
                      <text v-if="
													item3.checkItemMap[key1][index2].status == null
												">
                        \
                      </text>
                      <text
                        v-else-if="
													(item3.checkItemMap[key1][index2].status ==
														'异常') &
														(item3.checkItemMap[key1][index2].deal ==
															true)
												"
                        style="color: blue"
                        @click="
													handleCheck1(
														item3.checkItemMap[key1][index2].id,
														item3.checkItemMap[key1][index2].taskDeviceId,
														item3.checkItemMap[key1][index2].type,
														item3.checkItemMap[key1][index2].item,
														item3.checkItemMap[key1][index2].dataType
													)
												"
                      >
                        已处理
                      </text>
                      <text
                        v-else-if="
													(item3.checkItemMap[key1][index2].status ==
														'异常') &
														(item3.checkItemMap[key1][index2].deal ==
															false)
												"
                        style="color: red"
                        @click="
													handleCheck1(
														item3.checkItemMap[key1][index2].id,
														item3.checkItemMap[key1][index2]
															.taskDeviceId,
														item3.checkItemMap[key1][index2].type,
														item3.checkItemMap[key1][index2].item,
														item3.checkItemMap[key1][index2].dataType
													)
												"
                      >
                        异常
                      </text>
                      <text
                        v-else-if="
													(item3.checkItemMap[key1][index2].status ==
														'正常') &
														(item3.checkItemMap[key1][index2].detail ==
															null)
												"
                        @click="
													handleCheck1(
														item3.checkItemMap[key1][index2].id,
														item3.checkItemMap[key1][index2]
															.taskDeviceId,
														item3.checkItemMap[key1][index2].type,
														item3.checkItemMap[key1][index2].item,
														item3.checkItemMap[key1][index2].dataType
													)
												"
                      >
                        {{ item3.checkItemMap[key1][index2].status }}
                      </text>
                      <text
                        v-else-if="
													(item3.checkItemMap[key1][index2].status ==
														'正常') &
														(item3.checkItemMap[key1][index2].detail !=
															null)
												"
                        @click="
													handleCheck1(
														item3.checkItemMap[key1][index2].id,
														item3.checkItemMap[key1][index2]
															.taskDeviceId,
														item3.checkItemMap[key1][index2].type,
														item3.checkItemMap[key1][index2].item,
														item3.checkItemMap[key1][index2].dataType
													)
												"
                      >
                        {{ item3.checkItemMap[key1][index2].detail }}
                      </text>
                    </td>
                  </tr>
                </table>
              </td>
            </tr> -->
              <tr v-if="configDataA.length>0">
                <td
                  class="fontsize"
                  style="width: 55rpx; border: 1px solid black"
                  colspan="3"
                >系统点检</td>
                <td colspan="7"></td>
              </tr>
              <tr
                v-for="(item1, index1) in configDataA"
                :key="index1"
              >
                <!-- <td
                colspan="1"
                style="padding: 0"
                class="fontsize"
              >
                {{ index1 + 1 }}
              </td> -->
                <td
                  colspan="1"
                  style="padding: 0"
                  class="fontsize"
                >
                  <div class="serialNo">
                    <div
                      v-for="(a,b) in item1.childData"
                      :key="b"
                    >{{arrNo.indexOf((item1.name+a))+1}}</div>
                  </div>
                </td>
                <td
                  colspan="2"
                  style="padding: 0"
                  class="fontsize td-item-name"
                >{{ item1.name }}</td>
                <td
                  colspan="7"
                  style="padding: 0; width: 250rpx"
                  class="fontsize "
                >
                  <table
                    v-for="(item2, index2) in newdataList.checkItemMap[item1.name]"
                    :key="index2"
                    border="1"
                    style="
                    border-top: 0px solid;
                    table-layout: fixed;
                    border-collapse: collapse;
                    border-bottom: 0px solid;

                  "
                    width="100%"
                    frame="void"
                    cellspacing="0"
                    cellpadding="0"
                  >
                    <tr :style="
											newdataList.checkItemMap[item1.name].length - 1 == index2
												? 'border-right:0px solid;border-bottom:0px solid black;'
												: 'border-right:0px solid;border-bottom:1px solid black;'
										">
                      <td style="border: 0px solid">
                        <view>{{ item2.item }}</view>
                      </td>
                      <td
                        v-for="(item3, index3) in alldata"
                        :key="index3"
                        style="border-left:1px solid #333;border-top:0px solid;border-bottom:0px solid;border-right:0px solid;"
                      >
                        <text v-if="
													item3.checkItemMap[item1.name][index2].status == null
												">
                          \
                        </text>
                        <text
                          v-else-if="
													(item3.checkItemMap[item1.name][index2].status ==
														'异常') &
														(item3.checkItemMap[item1.name][index2].deal ==
															true)
												"
                          style="color: blue"
                          @click="
													handleCheck1(
														item3.checkItemMap[item1.name][index2].id,
														item3.checkItemMap[item1.name][index2].taskDeviceId,
														item3.checkItemMap[item1.name][index2].type,
														item3.checkItemMap[item1.name][index2].item,
														item3.checkItemMap[item1.name][index2].dataType
													)
												"
                        >
                          已处理
                        </text>
                        <text
                          v-else-if="
													(item3.checkItemMap[item1.name][index2].status ==
														'异常') &
														(item3.checkItemMap[item1.name][index2].deal ==
															false)
												"
                          style="color: red"
                          @click="
													handleCheck1(
														item3.checkItemMap[item1.name][index2].id,
														item3.checkItemMap[item1.name][index2]
															.taskDeviceId,
														item3.checkItemMap[item1.name][index2].type,
														item3.checkItemMap[item1.name][index2].item,
														item3.checkItemMap[item1.name][index2].dataType
													)
												"
                        >
                          异常
                        </text>
                        <text
                          v-else-if="
													(item3.checkItemMap[item1.name][index2].status ==
														'正常') &
														(item3.checkItemMap[item1.name][index2].detail ==
															null)
												"
                          @click="
													handleCheck1(
														item3.checkItemMap[item1.name][index2].id,
														item3.checkItemMap[item1.name][index2]
															.taskDeviceId,
														item3.checkItemMap[item1.name][index2].type,
														item3.checkItemMap[item1.name][index2].item,
														item3.checkItemMap[item1.name][index2].dataType
													)
												"
                        >
                          {{ item3.checkItemMap[item1.name][index2].status }}
                        </text>
                        <text
                          v-else-if="
													(item3.checkItemMap[item1.name][index2].status ==
														'正常') &
														(item3.checkItemMap[item1.name][index2].detail !=
															null)
												"
                          @click="
													handleCheck1(
														item3.checkItemMap[item1.name][index2].id,
														item3.checkItemMap[item1.name][index2]
															.taskDeviceId,
														item3.checkItemMap[item1.name][index2].type,
														item3.checkItemMap[item1.name][index2].item,
														item3.checkItemMap[item1.name][index2].dataType
													)
												"
                        >
                          {{ item3.checkItemMap[item1.name][index2].detail }}
                        </text>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
              <tr v-if="configDataB.length>0">
                <td
                  class="fontsize"
                  style="width: 55rpx; border: 1px solid black"
                  colspan="3"
                >产品点检</td>
                <td colspan="7"></td>
              </tr>
              <tr
                v-for="(item1, index1) in configDataB"
                :key="index1"
              >
                <!-- <td
                colspan="1"
                style="padding: 0"
                class="fontsize"
              >
                {{ index1 + 1 }}
              </td> -->
                <td
                  colspan="1"
                  style="padding: 0"
                  class="fontsize"
                >
                  <div class="serialNo">
                    <div
                      v-for="(a,b) in item1.childData"
                      :key="b"
                    >{{arrNo.indexOf((item1.name+a))+1}}</div>
                  </div>
                </td>
                <td
                  colspan="2"
                  style="padding: 0"
                  class="fontsize td-item-name"
                >{{ item1.name }}</td>
                <td
                  colspan="7"
                  style="padding: 0; width: 250rpx"
                  class="fontsize"
                >
                  <!-- <div class="flex-div"> -->
                  <table
                    v-for="(item2, index2) in newdataList.checkItemMap[item1.name]"
                    :key="index2"
                    border="1"
                    style="
                    border-top: 0px solid;
                    table-layout: fixed;
                    border-collapse: collapse;
                    border-bottom: 0px solid;

                  "
                    width="100%"
                    height="100%"
                    frame="void"
                    cellspacing="0"
                    cellpadding="0"
                  >
                    <tr :style="
											newdataList.checkItemMap[item1.name].length - 1 == index2
												? 'border-right:0px solid;border-bottom:0px solid black;'
												: 'border-right:0px solid;border-bottom:1px solid black;'
										">
                      <td style="border: 0px solid">
                        <view style="text-align: start;"><span>{{ item2.item }}</span><span style="visibility: hidden">{{ item1.name.length>item2.item.length?item1.name:'' }}</span></view>
                      </td>
                      <td
                        v-for="(item3, index3) in alldata"
                        :key="index3"
                        style="border-left:1px solid #333;border-top:0px solid;border-bottom:0px solid;border-right:0px solid;"
                      >
                        <text v-if="
													item3.checkItemMap[item1.name][index2].status == null
												">
                          \
                        </text>
                        <text
                          v-else-if="
													(item3.checkItemMap[item1.name][index2].status ==
														'异常') &
														(item3.checkItemMap[item1.name][index2].deal ==
															true)
												"
                          style="color: blue"
                          @click="
													handleCheck1(
														item3.checkItemMap[item1.name][index2].id,
														item3.checkItemMap[item1.name][index2].taskDeviceId,
														item3.checkItemMap[item1.name][index2].type,
														item3.checkItemMap[item1.name][index2].item,
														item3.checkItemMap[item1.name][index2].dataType
													)
												"
                        >
                          已处理
                        </text>
                        <text
                          v-else-if="
													(item3.checkItemMap[item1.name][index2].status ==
														'异常') &
														(item3.checkItemMap[item1.name][index2].deal ==
															false)
												"
                          style="color: red"
                          @click="
													handleCheck1(
														item3.checkItemMap[item1.name][index2].id,
														item3.checkItemMap[item1.name][index2]
															.taskDeviceId,
														item3.checkItemMap[item1.name][index2].type,
														item3.checkItemMap[item1.name][index2].item,
														item3.checkItemMap[item1.name][index2].dataType
													)
												"
                        >
                          异常
                        </text>
                        <text
                          v-else-if="
													(item3.checkItemMap[item1.name][index2].status ==
														'正常') &
														(item3.checkItemMap[item1.name][index2].detail ==
															null)
												"
                          @click="
													handleCheck1(
														item3.checkItemMap[item1.name][index2].id,
														item3.checkItemMap[item1.name][index2]
															.taskDeviceId,
														item3.checkItemMap[item1.name][index2].type,
														item3.checkItemMap[item1.name][index2].item,
														item3.checkItemMap[item1.name][index2].dataType
													)
												"
                        >
                          {{ item3.checkItemMap[item1.name][index2].status }}
                        </text>
                        <text
                          v-else-if="
													(item3.checkItemMap[item1.name][index2].status ==
														'正常') &
														(item3.checkItemMap[item1.name][index2].detail !=
															null)
												"
                          @click="
													handleCheck1(
														item3.checkItemMap[item1.name][index2].id,
														item3.checkItemMap[item1.name][index2]
															.taskDeviceId,
														item3.checkItemMap[item1.name][index2].type,
														item3.checkItemMap[item1.name][index2].item,
														item3.checkItemMap[item1.name][index2].dataType
													)
												"
                        >
                          {{ item3.checkItemMap[item1.name][index2].detail }}
                        </text>
                      </td>
                    </tr>
                  </table>
                  <!-- </div> -->

                </td>
              </tr>
              <tr>
                <td
                  colspan="3"
                  class="fontsize"
                >检查人</td>
                <td
                  colspan="7"
                  style="width: 330rpx"
                  class="black"
                >
                  {{ newdataList.nickName }}
                </td>
              </tr>
              <tr>
                <td
                  colspan="3"
                  class="fontsize"
                >异常出现次数（次）</td>
                <td
                  colspan="7"
                  style="width: 330rpx"
                  class="black"
                >
                  {{newdataList.deviceAbnormal.number}}
                </td>
              </tr>
              <tr>
                <td
                  colspan="3"
                  class="fontsize"
                >出现次数最多异常项</td>
                <td
                  colspan="7"
                  style="width: 330rpx"
                  class="black"
                >
                  <view
                    class="device-abnormal"
                    v-for="(iitem,iindex) of newdataList.deviceAbnormal.list"
                    :key="iindex"
                  >
                    {{(iitem.type+'/'+iitem.item)}}
                  </view>
                  <!-- {{(arrNo.indexOf((newdataList.deviceAbnormal.maxType+newdataList.deviceAbnormal.maxItem))+1)}}:{{(newdataList.deviceAbnormal.maxType+'/'+newdataList.deviceAbnormal.maxItem)}} -->
                </td>
              </tr>
            </table>

            <h3 style="color: #1040be">检查异常记录</h3>
            <table
              width="100%"
              cellspacing="0"
              style="
              border-collapse: collapse;
              table-layout: fixed;
              border: 1px solid black;
            "
            >
              <tr>
                <th
                  rowspan="2"
                  style="width: 124rpx; border: 1px solid black"
                  class="fontsize"
                >
                  序号
                </th>
                <th
                  rowspan="2"
                  style="width: 250rpx; border: 1px solid black"
                  class="fontsize"
                >
                  检查项目
                </th>
                <th
                  colspan="3"
                  class="fontsize"
                  style="border: 1px solid black"
                >
                  异常情况描述
                </th>
                <th
                  rowspan="2"
                  style="width: 124rpx; border: 1px solid black"
                  class="fontsize"
                >
                  检查人
                </th>
              </tr>
              <tr>

                <th
                  class="fontsize"
                  style="border:1px solid black;"
                >点检内容</th>
                <th
                  class="fontsize"
                  style="border:1px solid black"
                >异常</th>
                <th
                  style="word-wrap: break-word; border: 1px solid black"
                  class="fontsize"
                >
                  备注
                </th>

              </tr>
            </table>

            <view
              v-for="(item5, index5) in alldata"
              :key="'o' + index5"
            >
              <view
                style="
                border-left: 1px solid black;
                border-right: 1px solid black;
                color: #1040be;
              "
                class="fontsize"
              >
                <text>
                  {{ item5.startTime.replace(/^.*?\s/, '') }}-{{
									item5.endTime.replace(/^.*?\s/, '')
								}}
                </text>
              </view>
              <view
                v-if="!item5.descriptionVOS"
                style="
                border-top: 1px solid black;
                border-left: 1px solid black;
                border-bottom: 1px solid black;
                border-right: 1px solid black;
                color: #1040be;
              "
              >
                <text style="color: black">暂无数据</text>
              </view>
              <table
                v-else
                border="1"
                v-for="(item6, key6, index6) in item5.descriptionVOS"
                :key="index6"
                width="100%"
                style="
                border-top: 0px solid;
                table-layout: fixed;
                border-collapse: collapse;
              "
                ref="boxtable"
                class="boxtable"
                cellspacing="0"
              >

                <tr v-show="item6 != undefined">
                  <td
                    style="width: 124rpx"
                    colspan="1"
                    class="tablewidth fontsize"
                  >
                    {{arrNo.indexOf((item6.type+item6.item))+1}}
                  </td>
                  <td
                    style="width: 250rpx;"
                    colspan="1"
                    class="tablewidth fontsize"
                  >
                    {{ item6.type}}
                  </td>
                  <td
                    :rowspan="item6.length * 4"
                    colspan="1"
                    class="tablewidth fontsize"
                    style="vertical-align: baseline;text-align: start;"
                  >
                    {{ item6.item}}
                  </td>
                  <td
                    colspan="2"
                    style="padding: 0"
                    class=""
                  >
                    <!-- <div class="flex-div "> -->
                    <table
                      border="1"
                      width="100%"
                      :style="
                      {tableLayout: 'fixed',
                      borderCollapse: 'collapse',
                      marginTop: '-1px',
					  			}
                    "
                      frame="void"
                      cellspacing="0"
                      cellpadding="0"
                    >
                      <tr
                        v-for="(item7, index7) in item6.fields"
                        :key="index7"
                        class="tr-re"
                      >
                        <td
                          style="text-align: start;"
                          class="fontsize td-re"
                        ><span class="">{{ item7.field }}</span> <span
                            class="span-ab"
                            style="visibility: hidden"
                          >{{ item6.item.length>item6.type.length?item6.item.slice(0,Math.floor((item6.item.length)/(item6.fields.length))):item6.type.slice(0,Math.floor((item6.type.length)/(item6.fields.length))) }}</span></td>
                        <td
                          v-if="item7.dataType == 'video'"
                          class="black"
                        >
                          <image
                            v-if="!item7.value"
                            src="../../static/zanwutupian1.png"
                            style="width: 100rpx; height: 90rpx"
                          />
                          <videoUpload
                            v-else
                            v-model="item7.value"
                          />
                        </td>
                        <td
                          v-else-if="item7.dataType == 'photo'"
                          class="bordercolor black"
                        >
                          <image
                            v-if="!item7.value"
                            src="../../static/zanwutupian1-copy-copy (1).png"
                          />
                          <image
                            v-else
                            :src="fileUrl + item7.value"
                            style="width: 100rpx; height: 100rpx"
                            @click="handleImage(fileUrl + item7.value)"
                          />
                        </td>
                        <td
                          v-else
                          class="black"
                        >{{ item7.value }}</td>
                      </tr>
                    </table>

                    <!-- </div> -->

                  </td>
                  <td
                    colspan="1"
                    class="tablewidth fontsize"
                    style="width: 124rpx; border: 1px solid black"
                  >
                    {{ newdataList.nickName ? newdataList.nickName :'暂无数据'}}
                  </td>
                </tr>
                <!-- <tr>
                <td class="fontsize">检查人</td>
                <td
                  colspan="2"
                  class="black"
                > {{ newdataList.nickName ? newdataList.nickName :'暂无数据'}}</td>
              </tr> -->
              </table>
            </view>
            <!-- ----------------------------------------------------------------------- -->
            <h3 style="color: #1040be">异常处理记录</h3>
            <table
              width="100%"
              cellspacing="0"
              style="
              border-collapse: collapse;
              table-layout: fixed;
              border: 1px solid black;
            "
            >

              <tr>
                <th
                  rowspan="2"
                  style="width: 124rpx; border: 1px solid black"
                  class="fontsize"
                >
                  序号
                </th>
                <th
                  rowspan="2"
                  style="width: 124rpx; border: 1px solid black"
                  colspan="1"
                  class="fontsize"
                >
                  检查项目
                </th>
                <th
                  colspan="3"
                  style="border: 1px solid black"
                  class="fontsize"
                >
                  修复内容
                </th>
                <th
                  style="
                  word-wrap: break-word;
                  width: 120rpx;
                  border: 1px solid black;
                "
                  rowspan="2"
                  colspan="1"
                  class="fontsize"
                >
                  检查人
                </th>
              </tr>
              <tr>
                <th
                  style="width: 70rpx; border: 1px solid black"
                  colspan="1"
                  class="fontsize"
                >
                  内容
                </th>
                <th
                  colspan="2"
                  style="border: 1px solid black"
                  class="fontsize"
                >
                  备注
                </th>
              </tr>
            </table>

            <view
              v-for="(item8, index8) in alldata"
              :key="'o1' + index8"
            >
              <view
                style="
                border-left: 1px solid black;
                border-right: 1px solid black;
                color: #1040be;
              "
                class="fontsize"
              >
                <text>
                  {{ item8.startTime.replace(/^.*?\s/, '') }}-{{
									item8.endTime.replace(/^.*?\s/, '')
								}}
                </text>
              </view>
              <view
                v-if="!item8.taskDealVOS"
                style="
                border-top: 1px solid black;
                border-left: 1px solid black;
                border-bottom: 1px solid black;
                border-right: 1px solid black;
                color: #1040be;
              "
              >
                <text style="color: black">暂无数据</text>
              </view>
              <table
                v-else
                border="1"
                v-for="(items9, key9, index9) in item8.taskDealVOS"
                :key="index9"
                cellspacing="0"
                cellpadding="0"
                style="
                border-top: 0px solid;
                table-layout: fixed;
                border-collapse: collapse;
              "
                width="100%"
                ref="boxtable"
                class="boxtable"
              >
                <tr v-show="items9 != undefined">
                  <td
                    style="width: 124rpx"
                    colspan="1"
                    class="tablewidth fontsize"
                  >
                    {{arrNo.indexOf((items9[0].detailType+items9[0].item))+1}}
                  </td>
                  <td
                    colspan="1"
                    rowspan="1"
                    class="tablewidth fontsize"
                    style="width: 124rpx"
                  >
                    {{ key9 }}
                  </td>
                  <td
                    class
                    colspan="4"
                    style="padding: 0"
                  >
                    <table
                      v-for="(item10, index10) in items9"
                      :key="index10"
                      border="1"
                      width="100%"
                      frame="void"
                      cellspacing="0"
                      cellpadding="0"
                      style="
                      border-top: 0px solid;
                      table-layout: fixed;
                      border-collapse: collapse;
                    "
                    >
                      <tr>
                        <td style="border: 0px">
                          <table
                            border="1"
                            v-if="item10.way == '不做处理'"
                            width="100%"
                            frame="void"
                            cellspacing="0"
                            cellpadding="0"
                            style="
                            border-top: 1px solid;
                            table-layout: fixed;
                            border-collapse: collapse;
                            border-bottom: 0px solid;
                            margin-top: -1px;
                          "
                          >
                            <tr>
                              <td
                                colspan="1"
                                rowspan="5"
                                class="fontsize"
                                style="border-bottom: 0px solid"
                              >
                                {{ item10.item }}
                              </td>
                              <td
                                colspan="2"
                                class="black"
                                style="border-bottom: 0px solid"
                              >
                                不做处理
                              </td>
                              <td
                                style="width: 120rpx; border-bottom: 0px solid"
                                class="black"
                                rowspan="5"
                              >
                                {{ newdataList.nickName }}
                              </td>
                            </tr>
                          </table>

                          <table
                            border="1"
                            v-if="
														item10.way == '内部处理' &&
															item10.type == '产品更换'
													"
                            width="100%"
                            frame="void"
                            cellspacing="0"
                            cellpadding="0"
                            style="
                            border-top: 1px solid black;
                            table-layout: fixed;
                            border-collapse: collapse;
                            border-bottom: 0px solid black;
                            margin-top: -1px;
                          "
                          >
                            <tr>
                              <td
                                colspan="1"
                                rowspan="5"
                                class="fontsize"
                                style="border-bottom: 0px solid"
                              >
                                {{ item10.item }}
                              </td>
                              <td
                                class="talbeborder black bordercolor"
                                colspan="2"
                              >
                                内部处理——产品更换
                              </td>
                              <td
                                style="width: 120rpx; border-bottom: 0px solid"
                                rowspan="5"
                                class="black bordercolor"
                              >
                                {{ newdataList.nickName }}
                              </td>
                            </tr>
                            <tr>
                              <td class="talbeborder black bordercolor">
                                更换时间
                              </td>
                              <td
                                class="talbeborder black bordercolor"
                                style="word-break: break-all"
                              >
                                {{ item10.replaceTime }}
                              </td>
                            </tr>
                            <tr>
                              <td class="talbeborder black bordercolor">
                                制造单位
                              </td>
                              <td
                                class="talbeborder black bordercolor"
                                style="word-break: break-all"
                              >
                                {{ item10.makeUnit }}
                              </td>
                            </tr>
                            <tr>
                              <td class="talbeborder black bordercolor">
                                更换原因
                              </td>
                              <td
                                class="talbeborder black bordercolor"
                                style="word-break: break-all"
                              >
                                {{ item10.replaceReason }}
                              </td>
                            </tr>
                            <tr>
                              <td
                                class="black bordercolor"
                                style="border-bottom: 0px solid"
                              >
                                产品代码
                              </td>
                              <td
                                class="black bordercolor"
                                style="
                                border-bottom: 0px solid;
                                word-break: break-all;
                              "
                              >
                                {{ item10.sn }}
                              </td>
                            </tr>
                          </table>

                          <table
                            border="1"
                            v-if="
														item10.way == '内部处理' &&
															item10.type == '优化改进'
													"
                            width="100%"
                            frame="void"
                            cellspacing="0"
                            cellpadding="0"
                            style="
                            border-top: 1px solid;
                            table-layout: fixed;
                            border-collapse: collapse;
                            border-bottom: 0px solid;
                            margin-top: -1px;
                          "
                          >
                            <tr>
                              <td
                                colspan="1"
                                rowspan="5"
                                class="fontsize"
                                style="border-bottom: 0px solid"
                              >
                                {{ item10.item }}
                              </td>
                              <td
                                class="talbeborder black bordercolor"
                                colspan="2"
                              >
                                内部处理——优化改进
                              </td>
                              <td
                                style="width: 120rpx; border-bottom: 0px solid"
                                rowspan="5"
                                class="black bordercolor"
                              >
                                {{ newdataList.nickName }}
                              </td>
                            </tr>
                            <tr>
                              <td class="talbeborder black bordercolor">
                                更换时间
                              </td>
                              <td
                                class="talbeborder black bordercolor"
                                style="word-break: break-all"
                              >
                                {{ item10.replaceTime }}
                              </td>
                            </tr>
                            <tr>
                              <td class="talbeborder black bordercolor">
                                修复部门
                              </td>
                              <td
                                class="talbeborder black bordercolor"
                                style="word-break: break-all"
                              >
                                {{ item10.repairDept }}
                              </td>
                            </tr>
                            <tr>
                              <td class="talbeborder black bordercolor">
                                修复方法
                              </td>
                              <td
                                class="talbeborder black bordercolor"
                                style="word-break: break-all"
                              >
                                {{ item10.repairWay }}
                              </td>
                            </tr>
                            <tr>
                              <td
                                class="black bordercolor"
                                style="border-bottom: 0px solid"
                              >
                                拍照记录
                              </td>
                              <td
                                class="black bordercolor"
                                style="border-bottom: 0px solid"
                              >
                                <image
                                  :src="fileUrl + item10.photoRecord"
                                  @click="
																	handleImage(
																		fileUrl + item10.photoRecord
																	)
																"
                                />
                              </td>
                            </tr>
                          </table>

                          <table
                            border="1"
                            v-if="
														item10.way == '内部处理' &&
															item10.type == '继续使用'
													"
                            width="100%"
                            frame="void"
                            cellspacing="0"
                            cellpadding="0"
                            style="
                            border-top: 1px solid;
                            table-layout: fixed;
                            border-collapse: collapse;
                            margin-top: -1px;
                          "
                          >
                            <tr>
                              <td
                                colspan="1"
                                class="fontsize"
                                style="border-bottom: 0px solid"
                              >
                                {{ item10.item }}
                              </td>
                              <td
                                colspan="2"
                                class="black bordercolor"
                                style="border-bottom: 0px solid"
                              >
                                内部处理——继续使用
                              </td>
                              <td
                                style="width: 120rpx; border-bottom: 0px solid"
                                class="black bordercolor"
                              >
                                {{ newdataList.nickName }}
                              </td>
                            </tr>
                          </table>

                          <table
                            border="1"
                            v-if="
														item10.way == '外部处理' &&
															item10.type == '处理完成'
													"
                            width="100%"
                            frame="void"
                            cellspacing="0"
                            cellpadding="0"
                            style="
                            border-top: 1px solid;
                            table-layout: fixed;
                            border-collapse: collapse;
                            border-bottom: 0px solid;
                            margin-top: -1px;
                          "
                          >
                            <tr>
                              <td
                                colspan="1"
                                rowspan="6"
                                class="fontsize"
                                style="border-bottom: 0px solid"
                              >
                                {{ item10.item }}
                              </td>
                              <td
                                class="talbeborder black bordercolor"
                                colspan="2"
                              >
                                外部处理——处理完成
                              </td>
                              <td
                                style="width: 120rpx; border-bottom: 0px solid"
                                rowspan="5"
                                class="black bordercolor"
                              >
                                {{ newdataList.nickName }}
                              </td>
                            </tr>

                            <tr>
                              <td class="talbeborder black bordercolor">
                                更换时间
                              </td>
                              <td
                                class="talbeborder black bordercolor"
                                style="word-break: break-all"
                              >
                                {{ item10.replaceTime }}
                              </td>
                            </tr>
                            <tr>
                              <td class="talbeborder black bordercolor">
                                制造单位
                              </td>
                              <td
                                class="talbeborder black bordercolor"
                                style="word-break: break-all"
                              >
                                {{ item10.makeUnit }}
                              </td>
                            </tr>
                            <tr>
                              <td class="talbeborder black bordercolor">
                                更换原因
                              </td>
                              <td
                                class="talbeborder black bordercolor"
                                style="word-break: break-all"
                              >
                                {{ item10.replaceReason }}
                              </td>
                            </tr>
                            <tr>
                              <td
                                class="black bordercolor"
                                style="border-bottom: 0px solid"
                              >
                                产品代码
                              </td>
                              <td
                                class="black bordercolor"
                                style="
                                border-bottom: 0px solid;
                                word-break: break-all;
                              "
                              >
                                {{ item10.sn }}
                              </td>
                            </tr>
                            <tr style="color: #19be6b">
                              <td style="border-bottom: 0px solid">
                                处理厂家：{{
																manufacturer
																	? manufacturer
																	: '暂无处理厂家信息'
															}}
                              </td>
                              <td
                                @click="phoneClick(phone)"
                                style="
                                word-break: break-all;
                                border-bottom: 0px solid;
                                border-left: 0px solid;
                              "
                              >
                                售后电话：{{
																phone ? phone : '暂无售后电话'
															}}
                              </td>
                            </tr>
                          </table>

                          <table
                            border="1"
                            v-if="
														item10.way == '外部处理' &&
															item10.type == '处理未完成'
													"
                            width="100%"
                            frame="void"
                            cellspacing="0"
                            cellpadding="0"
                            style="
                            border-top: 1px solid;
                            table-layout: fixed;
                            border-collapse: collapse;
                            border-bottom: 0px solid;
                            margin-top: -1px;
                          "
                          >
                            <tr>
                              <td
                                colspan="1"
                                rowspan="6"
                                class="fontsize"
                                style="border-bottom: 0px solid"
                              >
                                {{ item10.item }}
                              </td>
                              <td
                                class="talbeborder black bordercolor"
                                colspan="2"
                              >
                                外部处理——返厂维修
                              </td>
                              <td
                                style="width: 120rpx; border-bottom: 0px solid"
                                rowspan="5"
                                class="black bordercolor"
                              >
                                {{ newdataList.nickName }}
                              </td>
                            </tr>
                            <tr>
                              <td class="talbeborder black bordercolor">
                                更换时间
                              </td>
                              <td
                                class="talbeborder black bordercolor"
                                style="word-break: break-all"
                              >
                                {{ item10.replaceTime }}
                              </td>
                            </tr>
                            <tr>
                              <td class="talbeborder black bordercolor">
                                修复单位
                              </td>
                              <td
                                class="talbeborder black bordercolor"
                                style="word-break: break-all"
                              >
                                {{ item10.repairDept }}
                              </td>
                            </tr>
                            <tr>
                              <td class="talbeborder black bordercolor">
                                修复方法
                              </td>
                              <td
                                class="talbeborder black bordercolor"
                                style="word-break: break-all"
                              >
                                {{ item10.repairWay }}
                              </td>
                            </tr>
                            <tr>
                              <td
                                class="black bordercolor"
                                style="border-bottom: 0px solid"
                              >
                                拍照记录
                              </td>
                              <td
                                class="black bordercolor"
                                style="border-bottom: 0px solid"
                              >
                                <image
                                  :src="fileUrl + item10.photoRecord"
                                  @click="
																	handleImage(
																		fileUrl + item10.photoRecord
																	)
																"
                                />
                              </td>
                            </tr>
                            <tr style="color: #19be6b">
                              <td style="border-bottom: 0px solid">
                                处理厂家：{{
																manufacturer
																	? manufacturer
																	: '暂无处理厂家信息'
															}}
                              </td>
                              <td
                                @click="phoneClick(phone)"
                                style="
                                word-break: break-all;
                                border-bottom: 0px solid;
                                border-left: 0px solid;
                              "
                              >
                                售后电话：{{
																phone ? phone : '暂无售后电话'
															}}
                              </td>
                            </tr>
                          </table>

                          <table
                            border="1"
                            v-if="
														item10.way == '外部处理' &&
															item10.type == '修复' &&
															item10.typeMsg == '现场维修'
													"
                            width="100%"
                            frame="void"
                            cellspacing="0"
                            cellpadding="0"
                            style="
                            border-top: 1px solid;
                            table-layout: fixed;
                            border-collapse: collapse;
                            border-bottom: 0px solid;
                            margin-top: -1px;
                          "
                          >
                            <tr>
                              <td
                                colspan="1"
                                rowspan="6"
                                class="fontsize"
                                style="border-bottom: 0px solid"
                              >
                                {{ item10.item }}
                              </td>
                              <td
                                colspan="2"
                                class="talbeborder black bordercolor"
                              >
                                外部处理——现场维修
                              </td>
                              <td
                                style="width: 120rpx; border-bottom: 0px solid"
                                rowspan="5"
                                class="black bordercolor"
                              >
                                {{ newdataList.nickName }}
                              </td>
                            </tr>
                            <tr>
                              <td class="talbeborder black bordercolor">
                                更换时间
                              </td>
                              <td
                                class="talbeborder black bordercolor"
                                style="word-break: break-all"
                              >
                                {{ item10.replaceTime }}
                              </td>
                            </tr>
                            <tr>
                              <td class="talbeborder black bordercolor">
                                修复单位
                              </td>
                              <td
                                class="talbeborder black bordercolor"
                                style="word-break: break-all"
                              >
                                {{ item10.repairDept }}
                              </td>
                            </tr>
                            <tr>
                              <td class="talbeborder black bordercolor">
                                修复方法
                              </td>
                              <td
                                class="talbeborder black bordercolor"
                                style="word-break: break-all"
                              >
                                {{ item10.repairWay }}
                              </td>
                            </tr>
                            <tr>
                              <td
                                class="black bordercolor"
                                style="border-bottom: 0px solid"
                              >
                                拍照记录
                              </td>
                              <td style="border-bottom: 0px solid">
                                <image
                                  :src="fileUrl + item10.photoRecord"
                                  @click="
																	handleImage(
																		fileUrl + item10.photoRecord
																	)
																"
                                />
                              </td>
                            </tr>
                            <tr style="color: #19be6b">
                              <td style="border-bottom: 0px solid">
                                处理厂家：{{
																manufacturer
																	? manufacturer
																	: '暂无处理厂家信息'
															}}
                              </td>
                              <td
                                @click="phoneClick(phone)"
                                style="
                                word-break: break-all;
                                border-bottom: 0px solid;
                                border-left: 0px solid;
                              "
                              >
                                售后电话：{{
																phone ? phone : '暂无售后电话'
															}}
                              </td>
                            </tr>
                          </table>

                          <table
                            border="1"
                            v-if="
														item10.way == '外部处理' &&
															item10.type == '继续使用'
													"
                            width="100%"
                            frame="void"
                            cellspacing="0"
                            cellpadding="0"
                            style="
                            border-top: 1px solid;
                            table-layout: fixed;
                            border-collapse: collapse;
                            border-bottom: 0px solid;
                            margin-top: -1px;
                          "
                          >
                            <tr>
                              <td
                                colspan="1"
                                rowspan="2"
                                class="fontsize"
                                style="border-bottom: 0px solid"
                              >
                                {{ item10.item }}
                              </td>
                              <td
                                colspan="2"
                                class="black bordercolor"
                                style="border-bottom: 0px solid"
                              >
                                外部处理——继续使用
                              </td>
                              <td
                                style="
                                width: 120rpx;
                                border-bottom: 0px solid;
                                word-break: break-all;
                              "
                                class="black bordercolor"
                              >
                                {{ newdataList.nickName }}
                              </td>
                            </tr>
                            <tr style="color: #19be6b">
                              <td style="border-bottom: 0px solid">
                                处理厂家：{{
																manufacturer
																	? manufacturer
																	: '暂无处理厂家信息'
															}}
                              </td>
                              <td
                                @click="phoneClick(phone)"
                                style="
                                word-break: break-all;
                                border-bottom: 0px solid;
                                border-left: 0px solid;
                              "
                              >
                                售后电话：{{
																phone ? phone : '暂无售后电话'
															}}
                              </td>
                            </tr>
                          </table>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>
            </view>
          </view>
          <view style="height: 20rpx"></view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
import {
  pointCheckTaskDeviceCreateReport,
  checkQueryConfig
} from "@/api/index.js";
export default {
  data() {
    return {
      show: false,
      iconType: "flower",
      // show: true,
      loadmore: "暂无数据",
      loadText: {
        loadmore: "暂无数据",
        loading: "努力加载中",
        nomore: "没有更多数据",
        data: "暂无数据"
      },
      timeone: "",
      show: false,
      date: "",
      hourarr: "",
      current: 0,
      bigtalbe: false,
      alldatalist: [],
      newdataList: [],
      timedataList: [],
      alldata: [],
      taskId: "",
      taskDeviceId: "",
      deviceId: "",
      category: "",
      configData: [],
      configDataA: [],
      configDataB: [],
      arrNo: []
    };
  },
  onLoad(val) {
    this.id = val.id;
    this.taskId = val.taskId;
    this.taskDeviceId = val.taskDeviceId;
    this.deviceId = val.deviceId;
    this.timeone = val.timeone;
    this.hour = val.hour;
    this.category = val.category;
    this.minute = val.minute;
    this.second = val.second;
    this.phone = val.phone;
    this.manufacturer = val.manufacturer;
    this.hourarr = this.hour + ":" + this.minute + ":" + this.second;
  },
  onUnload() {
    // #ifdef APP-PLUS
    plus.screen.lockOrientation("portrait-primary"); //锁死屏幕方向为竖屏
    // #endif
  },
  mounted() {
    //pages.json中设置autoBackButton：false 无效的，可以在需要去除导航返回的页面中的mounted钩子里加上如下代码段
    var backbutton = document.getElementsByClassName("uni-page-head-hd")[0];
    if (backbutton) backbutton.style.display = "none";
  },
  onBackPress(e) {
    // 触发返回就会调用此方法，这里实现的是禁用物理返回，顶部导航栏的自定义返回 uni.navigateBack 仍可使用
    if (e.from == "backbutton") {
      return true;
    } else if (e.from == "navigateBack") {
      return false;
    }
    // if (e.from == "backbutton") {
    //   uni.navigateTo({
    //     url: "../preview/blank"
    //   });
    //   return true;
    // }
  },
  onShow() {
    this.show = false;
    // #ifdef APP-PLUS
    uni.showLoading({
      title: "加载中"
    });
    setTimeout(() => {
      plus.screen.unlockOrientation();
      plus.screen.lockOrientation("landscape-primary");
      uni.hideLoading();
      this.show = true;
    }, 1200);
    // #endif
    // #ifdef H5
    this.show = true;
    // #endif
    //
    switch (uni.getSystemInfoSync().platform) {
      case "android":
        this.hanldeFont();
        console.log("运行Android上");
        break;
      case "ios":
        this.hanldeFont();
        console.log("运行iOS上");
        break;
      default:
        this.hanldeFonts();
        console.log("运行在开发者工具上");
        break;
    }
    this.getList();
    this.date = this.timeone;
    this.current = 0;
  },
  onHide() {
    // #ifdef APP-PLUS
    plus.screen.lockOrientation("portrait-primary"); //锁死屏幕方向为竖屏
    // #endif
  },
  methods: {
    hanldeFont() {
      // const url = '../../static/fonts/Pacifico.ttf'
      uni.loadFontFace({
        family: "sonti", // 这里是字体的名字
        // 本地字体路径需转换为平台绝对路径
        // source: `url(${plus.io.convertLocalFileSystemURL('_www/static/fonts/Pacifico.ttf')})`,
        // #ifdef APP-PLUS

        source: `url(${plus.io.convertLocalFileSystemURL(
          "_www/static/fonts/sonti.ttf"
        )})`,
        // #endif
        success() {},
        fail(e) {}
      });
    },
    hanldeFonts() {
      const url = "../../static/fonts/sonti.ttf";
      uni.loadFontFace({
        family: "sonti", // 这里是字体的名字
        // 本地字体路径需转换为平台绝对路径
        // source: `url(${plus.io.convertLocalFileSystemURL('_www/static/fonts/Pacifico.ttf')})`,
        // source: `url(${plus.io.convertLocalFileSystemURL(
        //   '_www/static/fonts/FZFSJW.ttf'
        // )})`,

        source: `url("${url}")`,
        success() {
          console.log("success");
        },
        fail(e) {
          console.log("fail");
        }
      });
    },
    handleDate() {
      this.show = true;
      // uni.navigateTo({
      //   url: "/pages/preview/date"
      // });
    },
    getList() {
      uni.showLoading({
        title: "加载中"
      });
      const data = {
        id: this.id,
        startTime: this.timeone,
        taskId: Number(this.taskId),
        taskDeviceId: Number(this.taskDeviceId)
      };
      this.timedataList = [];
      const checkData = {
        taskDeviceId: this.taskDeviceId
      };
      checkQueryConfig(checkData).then(res => {
        res.data.sort((a, b) => {
          return a.category - b.category;
        });
        let arrNo = [];
        res.data.forEach(val1 => {
          val1.childData.forEach(val2 => {
            arrNo.push(val1.name + val2);
          });
        });
        this.arrNo = arrNo;
        this.configData = res.data;
        this.configDataA = res.data.filter(v => {
          return v.category == 0;
        });
        this.configDataB = res.data.filter(v => {
          return v.category == 1;
        });
      });
      pointCheckTaskDeviceCreateReport(data).then(res => {
        console.log(res, ">>>>FDFDFDF");

        this.alldata = res.data;
        if (res.data) {
          this.alldatalist = res.data;
          const time = this.timeone + this.hourarr;
          for (let i in res.data) {
            if (res.data[i].startTime.replace(/\s*/g, "") == time) {
              this.newdataList = res.data[i];
            }
          }
        } else {
          this.bigtalbe = true;
        }
      });
      uni.hideLoading();
    },
    handleImage(e) {
      var images = [];
      images.push(e);
      uni.previewImage({
        current: 0,
        urls: images,
        longPressActions: {
          itemList: ["保存图片"],
          success: data => {
            uni.saveImageToPhotosAlbum({
              //保存图片到相册
              filePath: payUrl,
              success: function() {
                uni.showToast({ icon: "success", title: "保存成功" });
              },
              fail: err => {
                uni.showToast({ icon: "none", title: "保存失败，请重新尝试" });
              }
            });
          },
          fail: function(err) {}
        }
      });
    },
    // 选日期
    timechange(e) {
      this.date = e.result;
      this.timeone = e.result;
      this.hourarr = "";
      this.getList();
    },
    handleCheck1(id, Tdata, type, item, item4) {
      // #ifdef APP-PLUS
      plus.screen.lockOrientation("portrait-primary"); //锁死屏幕方向为竖屏
      // #endif
      uni.showLoading({
        title: "加载中"
      });
      uni.navigateTo({
        url:
          "/pages/details/detailsdemo?Tdata=" +
          Tdata +
          "&tableheader=" +
          type +
          "&header=" +
          item +
          "&taskDeviceId=" +
          id +
          "&tf=true" +
          "&dataType=" +
          item4 +
          "&phone=" +
          this.phone +
          "&manufacturer=" +
          this.manufacturer
      });
    },
    phoneClick(phone) {
      if (phone) {
        uni.makePhoneCall({
          phoneNumber: phone //仅为示例
        });
      }
    },
    handleReturn() {
      // uni.switchTab({
      //   url: "/pages/preview/preview"
      // });
      uni.navigateBack(-1);
      // uni.navigateTo({
      //     url:"/pages/detail/detail"
      //   });
    }
  }
};
</script>

<style lang="scss" scoped>
// @font-face {
//   font-family: 'souti';
//   src: url('../../static/fonts/sonti.ttf') format('truetype');
// }
h3 {
  font-family: sonti;
}
// view{
//    font-family: sonti;
// }
tr,
td {
  // font-family: FZFSJW;
  font-family: sonti;
  // font-family: FangSong;
}
th {
  font-weight: 500;
}

uni-view {
  font-size: 14px;
}
.vtable {
  text-align: center;
  width: 100%;
  padding: 10rpx 20rpx 20rpx 20rpx;
}
thead {
  th {
    font-weight: 500;
    text-align: center;
  }
}
tbody {
  td {
    text-align: center;
  }
}
.flex {
  display: flex;
  justify-content: center;
}
.text-c {
  th {
    width: 400rpx;
  }
}
.title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  view {
    width: 30%;
  }
  .span {
    height: 100%;
    border: 1px solid #333;
  }
  .text {
    display: flex;
    view {
      flex: 1;
    }
    uni-input {
      height: 100%;
      border-left: 1px solid;
      border-right: 1px solid;
    }
  }
}
.trcolor {
  background-color: #0070c0;
  color: white;
}
.last {
  display: flex;
  view {
    flex: 1;
  }
}
.vtitle {
  font-weight: 600;
}
image {
  width: 50rpx;
  height: 50rpx;
}
.check {
  border-bottom: 2px solid #333;
  width: 105%;
  margin-right: 20px;
}
.talbeborder {
  border: 1px solid;
}
.titlechild {
  // background-color:rgb(238, 238, 238)
}

.ttitle {
  font-size: 20px;
  font-weight: 600;
}
.date {
  z-index: 9999;
  position: absolute;
  top: -80rpx;
  right: 10rpx;
  margin-right: 10rpx;
  display: flex;
  align-items: center;
  .image {
    position: absolute;
    width: 28rpx;
    height: 34rpx;
    left: 20rpx;
    // height: 80upx;
  }
  /deep/ .u-size-default {
    padding: 18rpx 24rpx 18rpx 50rpx;
  }
  /deep/ .u-mode-plain-primary {
    border: 1px solid #eee;
    box-shadow: 0 0 20rpx #eee;
    border-radius: 16rpx;
    color: #989898;
  }
}
.ttitle1 {
  position: fixed;
  bottom: 0rpx;
}
.title2 {
  height: calc(100% - 140upx);
}
.k-line {
  display: lnline-block;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  margin-top: 20px;
}
@keyframes k-loadingA {
  50% {
  }
}
.innerContain {
  height: 100%;
  text-align: center;
  position: relative;
  background-color: white;
}
.top-content {
  height: 360upx;
  position: relative;
  background: linear-gradient(to left, #1040be, #026dff);
  .return-bm {
    position: absolute;
    top: 10rpx;
    left: 10rpx;
    color: #fff;
    width: 50px;
    height: 20px;
    font-size: 35rpx;
  }
}
.top {
  margin: 0rpx;
  overflow-y: auto;
  position: absolute;
  background-color: rgb(244, 249, 250);
  padding: 50rpx;
  width: 100%;
  top: 140rpx;
  border-radius: 40rpx 40rpx 0 0;
  .card {
    // background-color: white;
    border: 1px solid #eee;
    padding: 20rpx 20rpx;
    border-radius: 25rpx;
    box-shadow: 0 0 20rpx #eee;
    margin-bottom: 20rpx;
  }
}
/deep/ .uni-view {
  font-size: 0px;
}
.titlechild {
  margin-top: -10rpx;
}
table {
  border-color: black;
  color: #1040be;
}
/deep/ .u-line-1 {
  height: 60rpx !important;
}
.border {
  font-family: SimSun;
  margin-left: 20rpx;
  padding: 15rpx 5rpx;
  // box-shadow: 0 0 20rpx #eee;
  border: 1px solid rgb(180, 175, 175);
  border-radius: 16rpx;
  color: #eee;
  position: relative;
}
/deep/ .video-del {
  display: none;
}
/deep/ .u-scroll-box {
  font-family: SimSun;
}
/deep/ .u-calendar__action {
  padding: 12rpx 0rpx;
}
/deep/ .u-calendar__content__item {
  padding: 0rpx !important;
}
/deep/ .u-drawer-content-visible {
  height: 80% !important;
  margin: 40rpx 0rpx !important;
  padding: 40rpx !important;
}
.fontsize {
  font-weight: 800;
  box-sizing: border-box;
}
.black {
  color: black;
}
.bordercolor {
  border-color: black;
}
tr td {
  border: 1px solid black;
}
.boxtable {
  margin-top: -1px;
}
.serialNo {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex: 1;
  }
  div:not(:first-child) {
    border-top: 1px solid #333;
  }
}
.app-container {
  width: 100%;
  height: 100%;
  .app-loading {
    color: #a5a7ab;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

.flex-td {
  height: 100rpx;
  .flex-div {
    width: 100%;
    height: 100%;
    border: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    .flex-table {
      width: 100%;
      flex: 1;
    }
  }
}
.td-item-name {
  width: 200rpx;
}
.device-abnormal {
  text-align: start;
  box-sizing: border-box;
  margin: -1px;
}
.device-abnormal:not(:last-child) {
  border-bottom: 1px solid black;
}
</style>
